<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
<style>
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.homework-container {
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    /* border: 1px solid #ccc;
    border-radius: 5px; */
}

h1 {
    text-align: center;
    color: orange;
}

.homework {
    width: 100px;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    margin: 0 20px;
    text-align: center;
    background-color: #fffd8c;
    border: 1px solid #ddd;
    border-radius: 5px;
}

a {
    color: #333;
    text-decoration: none;
    
}


</style>
</head>
<body background="./1.jpeg">
<div class="homework-container">
    <h1>Homework Page</h1>
    <div class="homework">
        <a href="./时钟/时钟.html">时钟</a>
    </div>
    <div class="homework">
        <a href="./计算器/计算器.html">计算器</a>
    </div>
    <div class="homework">
        <a href="https://gitee.com/mio-K_ON/test">代码仓库</a>
    </div>
</div>
</body>
</html>
